<template>
  <h1>EL-卡片组件</h1>
  <el-row :gutter="1">
    <el-col :span="8" >
      <el-card>
        <img src="/laicai.jpg" style="width:100%;">
        <p>《宝可梦》:妙蛙种子</p>
        <div style="height: 21px;">
          <span style="float: left;">属性:草、毒</span>
          <span style="float: right;">好友:小火龙</span>
        </div>
      </el-card>
      </el-col>
    <el-col :span="8">
      <el-card>
        <img src="/laia.jpg" style="width:100%;">
        <p>《宝可梦》:妙蛙种子</p>
        <div style="height: 21px;">
          <span style="float: left;">属性:草、毒</span>
          <span style="float: right;">好友:小火龙</span>
        </div>
      </el-card>
    </el-col>
    <el-col :span="8">
      <el-card>
      <img src="/damie.jpg" style="width:100%;">
      <p>《宝可梦》:妙蛙种子</p>
      <div style="height: 21px;">
        <span style="float: left;">属性:草、毒</span>
        <span style="float: right;">好友:小火龙</span>
      </div>
      </el-card>
    </el-col>
  </el-row>
</template>

<script setup>

</script>

<style scoped>

</style>